/**
*
* Charte :
* yellow : #f1d200;			//page
* light green : #			//container
* sature green : #cdd928 	//post
* green : #cdd973			//comments
* dark green : #003d4c		//links
* gray : #333				//text
*
**/


*{
margin:0;
padding:0;
}

body{
background-color: #f1d200;
font-family:"frutiger linotype","lucida grande",helvetica,arial,sans-serif;
color:#333;
font-size: 0.8em;
}

/*fillin container*/
hr.content{
	clear:both;
	visibility:hidden;
}

/* General Style Info */
a{
color:#003d4c;
text-decoration:underline;
}
a:hover{
color:#003d4c;
text-decoration:none;
}

a img{
border:none;
}

img{
	border: none;
	/*margin-right: 5px;*/
	/*margin-left: 5px;*/
	/*vertical-align : middle;*/
}


h1, h2, h3, h4{
font-weight:normal;
}

h1{
color: #333;
margin:0.3em 0;
font-size: 180%;
}

h2{
color:#333;
font-size: 180%;
}

h3{
color:#555;
font-size: 140%;
}

h4{
color:#555;
font-weight:normal;
}

em {
font-size: 12px;
}

ul, li {
margin: 0 6px;
}

/* Layout */

#container{
	background : url(../img/page.png) repeat-y;
	width: 740px;
	margin: 1em auto 1em auto;
}

#header{
	background : url(../img/top.png) no-repeat top;
	width : 740px;
		/*height: 130px;*/
	height : 62px;
	padding-top : 68px;
	text-align : center;
}

#content{
	float:right;
	margin : 10px 30px 10px 0;
	width:450px;
	color: #333;
}

#footer{
	background : url(../img/bot.png);
	width:740px;
	height:60px;
	text-align : center;
}

#menu-top{
	text-align : center;
}
#menu-left{
	width:13em;
	margin : 10px 0 0 35px;
	background : #cdd973;
	border:solid 1px #333;
	padding : 4px;
}

.title h1{
	display : inline;
}

.paging {
	margin-bottom : 10px;
}

.post-top{
	background: transparent url(../img/post-top.png);
	height : 20px;
}

.post-bot{
	background: url(../img/post-bot.png);
	height : 20px;
	margin-bottom : 10px;
}
.post{
	background :  #cdd928;
	padding : 10px;
	
}

.com-top, .com-bot, .com{
	float : right;
	right : 40px;
	/*margin-left : 40px;*/
}
.com-top{
	
	background: url(../img/com-top.png);
	width : 400px;
	height : 18px;
}
.com-bot{
	background: url(../img/com-bot.png);
	width : 400px;
	height : 18px;
	margin-bottom : 10px;
}
.com{
	background:#cdd973;
	width:380px;
	padding : 10px;
	/*min-height : 60px;*/
	
}


.content{
	/*padding : 8px 0 0 8px;*/
	padding-top : 8px;
}

.gravatar{
float : left;
border : 5px solid #ccc;
margin : 0 8px 0.2em 0;

/*vertical-align : top;*/
}

div.button{
	font-weight : bold;
	float : right;
	background : #f1d200;
	border : 1px dashed #333;
	padding : 4px;
	margin : 4px;
	margin-right : 12px;
	opacity : 0.6;
}

div.button:hover{
border : 1px solid #333;
opacity : 1;
}

div.button a, div.button a:hover{
	color : #333;
	text-decoration : none;
}
#ajax{
	position : absolute;
	left: 100px; 
	top: 100px; 
	width : 450px; 
	height:150px;
}

#ajax-top{
	height : 20px;
	background : url(../img/ajax-top.png);
	text-align:right;
	padding-right : 10px;
}

#ajax-content{
	background-color:#fff;
	padding : 20px;
}
#ajax-bot{
	height : 20px;
	background : url(../img/ajax-bot.png);
}
/* tables */

table {
width: 100%;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;
color:#333;
clear:both;
padding: 0;
white-space: normal;
}
th {
/*background-color: #e2e2e2;*/
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-right: 1px solid #003d4c;
border-bottom: 1px solid #003d4c;
text-align: center;
padding:1px 4px;
}
table tr td {
border-right: 1px solid #ddd;
padding:4px 4px;
vertical-align:top;
text-align: center;
}
table tr.altRow td {
background: #f4f4f4;
}
table td.actions {
	white-space: nowrap;
}
#cakeSqlLog td {
text-align: left;
padding: 4px 8px;
background: #fff;
border-bottom: 2px solid #ccc;
}

/* scaffold show */

div.related {
clear:both;
display:block;
}
dl {
line-height:2em;
margin:0em 1em;
width: 300px;
}
dt {
font-weight: bold;
vertical-align:top;
}
dd {
margin-left:10em;
margin-top:-2em;
vertical-align:top;
}

/* notices and errors */

#flashMessage, .error, .error_message {
color:#900;
font-size: 16px;
margin: 8px 0px;
font-weight: bold;
}

.cake_debug{
text-align:left;
font-size : 1.2em;	
}

.ajaxadd{
	font-size : 14px;
	text-decoration : none;
	font-weight : bold;
}

.ajaxadd:hover{
	background : #ccc;
}

/* action links */
ul.actions {
	float:right;
/*margin-top : -2em;*/
/*margin-left:300px;*/
/*width: 150px;*/
}
ul.actions li {
/*margin-top: 4px;*/
}
